import React, { Component } from 'react';
import {MyCollectStyled} from 'styled/My/MyCollectStyled.js'


class MyCollect extends Component {
    constructor(){
        super()
        this.state={
            collectData:[
                {dataId:0,title:'积分',score:'--'},
                {dataId:1,title:'优惠卷',score:'--'},
                {dataId:2,title:'我的收藏',score:'--'},
                {dataId:3,title:'玖支付',score:'',icon:'iconfont icon-zhifu'}
            ]
        }
    }
    render() {
        return (
            <MyCollectStyled>
                {
                    this.state.collectData.map((item,index)=>{
                        return (
                            <p key={item.dataId}>
                                {
                                    item.score?<i>{item.score}</i>:<i className={item.icon}></i>
                                }
                                <span>{item.title}</span>
                            </p>
                        )
                    })
                }
            </MyCollectStyled>
        );
    }
}

export default MyCollect;